<template>
	<div v-if="pageLoad">
		<div class="header">
			<div class="header-back"></div>
			<div class="header-title">文章</div>
		</div>
		<div class="header-row"></div>
		<div class="main-body">
			<div class="tabs-border">
				<div class="tabs-border-item tabs-border-active">全部</div>
				<div class="tabs-border-item">裙子</div>
				<div class="tabs-border-item">外套</div>
				<div class="tabs-border-item">牛仔裤</div>
			</div>	
			<div class="sglist">
				<div class="sglist-item" gourl="index.html?m=article&a=show">
					<div class="sglist-user mgb-10">
						<image class="sglist-uhead" mode="widthFix" src="img/100x100.png"></image>
						<div class="flex-1">
							<div class="sglist-nick">老雷在厦门</div>
							<div class="cl2 f12">2018-08-08</div>
						</div> 
					</div>
					 				 
					<div class="sglist-title">世界首富早晚是这个人，坐拥7家独角兽公司，估值破数万！</div>
					
					<div class="sglist-imglist">
						<image class="sglist-imglist-img" src="img/100x100.jpg"></image>
						<image class="sglist-imglist-img" src="img/100x100.jpg"></image>
						<image class="sglist-imglist-img" src="img/100x100.jpg"></image>
						<image class="sglist-imglist-img" src="img/100x100.jpg"></image>
					</div>
					<div class="sglist-desc">
						谈到世界首富大家第一眼想到的肯定是，比尔盖茨，这个微软方面的巨头，其实在很多年之前就有很多的个人资产。其实成功的企业家真的可以说的上是数不胜数
					</div>
					<div class="flex flex-center">
						
						<div class="btn-love bd-0 mgr-20">10</div>
						<div class="btn-fav  bd-0 mgr-20">10</div>
						<div class="btn-comment bd-0">10</div>
					</div>					 
				</div>
				<div class="sglist-item">
					<div class="sglist-imgbox">
						<image class="sglist-img" src="img/300x150.png"></image>
					</div>					 
					<div class="sglist-title">世界首富早晚是这个人，坐拥7家独角兽公司，估值破数万！</div>
					<div class="sglist-desc">
						谈到世界首富大家第一眼想到的肯定是，比尔盖茨，这个微软方面的巨头，其实在很多年之前就有很多的个人资产。其实成功的企业家真的可以说的上是数不胜数
					</div>
					<div class="flex flex-center">
						<div class="sglist-user">
							<image class="sglist-uhead" src="img/100x100.png"></image>
							老雷在厦门
						</div>
						<div class="btn-love btn-love-small mgr-5">10</div>
						<div class="btn-fav btn-fav-small mgr-5">10</div>
						<div class="btn-comment btn-comment-small">10</div>
					</div>					 
				</div>
				<div class="sglist-item">
					<div class="sglist-imgbox">
						<image class="sglist-img" src="img/300x150.png"></image>
					</div>					 
					<div class="sglist-title">世界首富早晚是这个人，坐拥7家独角兽公司，估值破数万！</div>
					<div class="sglist-desc">
						谈到世界首富大家第一眼想到的肯定是，比尔盖茨，这个微软方面的巨头，其实在很多年之前就有很多的个人资产。其实成功的企业家真的可以说的上是数不胜数
					</div>
					<div class="flex flex-center">
						<div class="sglist-user">
							<image class="sglist-uhead" src="img/100x100.png"></image>
							老雷在厦门
						</div>
						<div class="btn-love btn-love-small mgr-5">10</div>
						<div class="btn-fav btn-fav-small mgr-5">10</div>
						<div class="btn-comment btn-comment-small">10</div>
					</div>					 
				</div>
				 
			</div>
		</div>
		
	</div>
	
</template>